<div style="height:100%;position:relative;">

<div id="posListDiv" class="border" style="position:absolute;left:1px;;right:250px;top:3px;bottom:3px;overflow:auto;">

</div>

<div id="posHandleDiv" class="span-6" style="position:absolute;right:1px;top:3px;bottom:3px;">
        <ul class="v-menu">
            <li id="savePos" class="quiet v-menuitem hide">Save Now</li>
            <li id="addPos" class="quiet v-menuitem">Create a Position</li>
            <li id="updatePos" class="quiet v-menuitem">Update a Position</li>
            <li id="removePos" class="quiet v-menuitem">Delete a Position</li>
        </ul>
</div>

</div>





<div id="dialogDiv" class="span-12 box" style="display:none;">
    <form id="dialog">
        <div class="span-7 left first">
        <p>
            <label for="name">Name</label><br>
            <input type="text" class="title span-7" id="name" name="Name">
        </p>
        <p id="typeSelector">
            <input type="radio" id="managerial" name="type" value="Managerial" checked="checked"/>
            <label for="managerial">Managerial</label>
            <input type="radio" id="technical" name="type" value="Technical"/>
            <label for="technical">Technical</label>
        </p>
        <p>
            <input type="button" name="save" value="Save">
            <input type="button" name="add" value="Add and Continue">
            <input type="button" name="cancel" value="Cancel"/>
        </p>
        </div>

        <div id="orgSelector" class="span-5 right last" style="display:none;"></div>
    </form>
</div>